import { List } from 'antd-mobile'

interface Props {
  onSelect?: (level: string) => void
}

// 医院等级静态数据
const HOSPITAL_LEVELS: string[] = [
  '全部',
  '请选择',
  '三级甲等',
  '三级乙等',
  '三级丙等',
  '二级甲等',
  '二级乙等',
  '二级丙等',
  '一级甲等',
  '一级乙等',
  '一级丙等',
  '医学院校',
  '个人诊室',
  '卫生室',
  '私立医院',
  '三级专科',
  '互联网医院',
  '妙手互联网医院',
  '其他'
]

function Index({ onSelect }: Props) {
  return (
    <div style={{ padding: '0 16px' }}>
      <div style={{ margin: '0 auto', width: '100%', maxWidth: 560 }}>
        <List style={{ width: '100%' }}>
          {HOSPITAL_LEVELS.map((lv) => (
            <List.Item
              arrowIcon={false}
              key={lv}
              style={{
                fontSize: 'var(--adm-font-size-main)',
                color: 'var(--adm-color-text)',
                textAlign: 'center'
              }}
              onClick={() => onSelect?.(lv)}
            >
              {lv}
            </List.Item>
          ))}
        </List>
      </div>
    </div>
  )
}

export default Index


